<template>
	<div class="content">

		<h2 style="background-color: ghostwhite;font-size: 16px;height: 40px;line-height: 45px;color: black;font-weight: 500;">内容栏目</h2>
		<div class="list">
			<router-link to="">生活</router-link>
			<router-link to="">资讯</router-link>
			<router-link to="">编程</router-link>
			<router-link to="">互联网</router-link>
			<router-link to="">科技</router-link>
		</div>
	</div>
</template>

<script>

	export default {

	}
</script>

<style scoped>
	.content {
		background: #fff;

height: 163px;
	}

	.list::after {
		display: block;
		clear: both;
		content: "";
	}

	a {

		font-size: 14px;
		/* display: block; */
		float: left;
		text-decoration: none;
		width: 136.5px;
		height: 40px;
		color: #000000;
		border: 0.1px solid #ccc;
	text-align: center;
	line-height: 40px;
position: relative;
	top: -12px;
	}
</style>
